.indexTop{background-color:rgba(0,0,0,0.5) !important;box-shadow:0 0px 0px #ccc; -moz-box-shadow:0 0px 0px #ccc; -webkit-box-shadow:0 0px 0px #ccc;}
.index_Top{float: left;width: 100%;height: 112px;}

.top{float: left;width: 100%;}

.top_Left{float: left;width: 152px;height: 112px;margin-right: 45px;}
.top_Left h3{float:left;font-size: 36px;font-family: "微软雅黑";color: #FFFFFF;padding-top: 26px;}
.top_Left .top_Left_1{float: left;width:152px;height: 29px;padding-top: 10px;font-size: 12px;color: #FFFFFF;text-transform: uppercase;}

.top_Right{float: left;width: 903px;height: 112px;}
.top_Right_Nav{float: left;}
.top_Right_Nav ul{}
.top_Right_Nav ul li{float: left;width: 75px;height: 112px;text-align: center;line-height: 112px;margin-right:7px;}
.top_Right_Nav ul li a{font-size: 16px;color: #FFFFFF;}
.top_Right_Nav ul li:hover{background-color: #3071b9;}
.top_Right_Nav ul .active{background-color: #3071b9;}
.top_Right_Sosuo{float: right;width: 215px;height: 112px;}   
.so{ float:right; width:215px; height:30px;margin-top:40px;background:url(imagesarch.png) right center no-repeat;background: #f2f2f2 ;
border-radius: 20px ; }


.so .Search{ float:left; width:100px; height:30px; background:none;border:none; line-height:30px; text-indent:10px; color:#cccccc;}
.so .sear_sub{ float:left; width:24px; height:30px; border:none;background:url(images/search1.png) center center no-repeat; }
.so span{display:block; float:left; width:90px; height:30px; background:url(images/img_1_11.png) no-repeat 75px center; cursor:pointer; position:relative; z-index:9999;}
.so span input{ display:block; position:absolute; left:0; top:0; width:90px; height:33px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so span div{ float:left; padding-left:16px; height:30px; line-height:30px; font-size:12px; color:#4c4c4c; position:relative; z-index:9; width:84px;}
.so span ul{ display:none; position:absolute; left:4px; top:30px; background:#f5f5f5; border:1px solid #e0e0e0; border-top:0 none; width:84px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9}
.so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;}
.so span ul li:hover{ background:#fff;}

/*banner*/
.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{ min-height: 500px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 415px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 514px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 214px;}
}

.bannerBox{ line-height: 0;float: left;width: 100%;/*height: 796px;*/ display:block !important;}
.bannerBox .owl-nav{float: left;width: 100%;position: absolute;top: 50%;}
.bannerBox .owl-prev{float: right;margin-right: 100px; background: url(images/result4.png)top center no-repeat; width: 70px;height: 70px;text-indent: -9999px;}
.bannerBox .owl-prev:hover{background:url(images/result4_h.png);}
.bannerBox .owl-next{float: left;margin-left: 100px; background: url(images/result5.png) top center no-repeat;width: 70px;height: 70px;text-indent: -999px;}
.bannerBox .owl-next:hover{background:url(images/result5_h.png);}


.mouseIco { float:left;background:url(images/ban2.png) no-repeat scroll center center;width:31px;height:68px;position: absolute;left: 50%;bottom:5%;margin-left: -26px;z-index: 100;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}


#wrapper{
    width:600px;
    margin:50px auto;
    height:400px;
    position:relative;
    color:#fff;
    text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;    
}

#slider-wrap{
    width:600px;
    height:400px;
    position:relative;
    overflow:hidden;
}

#slider-wrap ul#slider{
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;     
}

#slider-wrap ul#slider li{
    float:left;
    position:relative;
    width:600px;
    height:400px;   
}

#slider-wrap ul#slider li > div{
    position:absolute;
    top:20px;
    left:35px;  
}

#slider-wrap ul#slider li > div h3{
    font-size:36px;
    text-transform:uppercase;   
}

#slider-wrap ul#slider li > div span{
    font-family: Neucha, Arial, sans serif;
    font-size:21px;
}

#slider-wrap ul#slider li i{
    text-align:center;
    line-height:400px;
    display:block;
    width:100%;
    font-size:90px; 
}

/*btns*/
.btns{
    position:absolute;
    width:50px;
    height:60px;
    top:50%;
    margin-top:-25px;
    line-height:57px;
    text-align:center;
    cursor:pointer; 
    background:rgba(0,0,0,0.1);
    z-index:100;
    
    -webkit-user-select: none;  
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none;
    
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btns:hover{
    background:rgba(0,0,0,0.3); 
}

#next{right:0px; border-radius:7px 0px 0px 7px;}
#previous{ border-radius:0px 7px 7px 7px;}
#counter{
    top: 30px; 
    right:35px; 
    width:auto;
    position:absolute;
}


/*.main*/
.main_1{float: left;width:100%;height: 584px;margin: 60px 0 74px 0;}
.main_1Tit{float: left;width:100%;height: 90px;}
.main_1Tit h3{float: left;width: 100%; height: 68px;line-height: 68px; text-align: center;font-size: 28px;color: #333333;}
.main_1Tit_Div{float: left;width: 100%;background-color: #e5e5e5;height: 1px;margin-bottom: 10px;}
.main_1Tit_Div span{float: left;position: absolute;left: 48.7%; width: 60px;height:2px;background-color: #3071b9;}
.main_1Tit_Div_1{float: left;width: 70px;height: 1px;background-color: #E5E5E5;position: relative;left: 47.2%;}
.main_1Tit_1{float: left;width: 100%;height: 494px;}
.main_1Tit_1Ul{float: left;width: 100%;height: 62px;margin-bottom: 30px;background-color: #f4f4f4;}
.main_1Tit_1Ul li{float:left;height:62px;}
.main_1Tit_1Ul li:first-child{width: 567px;}
.main_1Tit_1Ul li:last-child{float: right;position: relative;right: 0;bottom: 62px; width: 567px;}
.main_1Tit_1Ul li img{float: left;margin:19px 0 0 240px;}
.main_1Tit_1Ul li h3{float:left;width:270px;margin-left: 16px; color: #333333;height: 62px;line-height: 62px;font-size: 20px;}
.imgd{display: block;}
.imgs{display: none;}
.imgdd{display: block;}
.imgss{display: none;}
.main_1Tit_1Ul .active:first-child{float: left;background:url(images/peoplebeijing.png)top center no-repeat;}
.main_1Tit_1Ul .active:last-child{
    background: url(images/peoplebeijing_1.png)top center no-repeat;
}
.main_1Tit_1Ul .active .imgd{display: none;}
.main_1Tit_1Ul .active .imgs{display: block;}
.main_1Tit_1Ul .active .imgdd{display: none;}
.main_1Tit_1Ul .active .imgss{display: block;}
.main_1Tit_1Ul .active h3{color: #FFFFFF;}
.main_1Tit_1 div{display: none; float: left;width: 100%;height: 402px;}
.main_1Tit_1 div.content {display: block;}

.main_2{float: left;width: 100%;height:431px;}
.main_2Tit{float: left;width:100%;height: 90px;margin: 0px 0 30px 0;}
.main_2Tit1 h3{float: left;width: 100%; height: 68px;line-height: 68px; text-align: center;font-size: 28px;color: #333333;}
.main_2Tit1_Div{float: left;width: 100%;background-color: #e5e5e5;height: 1px;margin-bottom: 10px;}
.main_2Tit1_Div span{float: left;position: absolute;left: 48.7%; width: 60px;height:2px;background-color: #3071b9;}
.main_2Tit1_Div_1{float: left;width: 70px;height: 1px;background-color: #E5E5E5;position: relative;left: 47.2%;}

.picScroll-left{ width:100%; position:relative; float:left;}
.picScroll-left .hd{ overflow:hidden; position:absolute;width:100%;}
.imgdddd{display: block;}
.imgssss{display: none;}
.imgddd{display: block;}
.imgsss{display: none;}
.picScroll-left .hd .prev{float: right;width: 385px;height: 270px;text-align: left;line-height: 260px;}
.picScroll-left .hd .prev:hover .imgdddd{display: none;}
.picScroll-left .hd .prev:hover .imgssss{display: block;}
.picScroll-left .hd .next{float: left;width: 380px;height: 270px;text-align: right;line-height: 260px;}
.picScroll-left .hd .next:hover .imgddd{display: none;}
.picScroll-left .hd .next:hover .imgsss{display: block;}

.picScroll-left .bd{ width:100%; float:left;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;width: 100%; }
.picScroll-left .bd ul li{ float:left; width:251px !important; height:260px; overflow:hidden;margin-right:31px;}
.picScroll-left .bd ul li .picList_Img{float: left;width: 251px;height: 193px;}
.picScroll-left .bd ul li .picList_Span{float: left;width: 249px;height:63px;border: 1px solid #CCCCCC;}
.picScroll-left .bd ul li .picList_Span h3{float: left;width: 176px;height: 63px;line-height: 63px;text-align: left;margin-left: 20px;color: #333333;font-size: 16px;}
.picScroll-left .bd ul li .picList_Span .div{float: left;width: 53px;height:41px;line-height: 63px;margin: 22px 0 0 0;}
.picScroll-left .bd ul li .picList_Span .div .span{font-size: 12px;color: #FFFFFF;text-transform:capitalize; float: left;width:53px;height: 26px;line-height: 26px;text-align: center;border-radius: 15px 0 0 15px;background-color: #3071b9;}
.picScroll-left .bd ul li:hover .picList_Span{background-color: #3071b9;border: 1px solid #3071b9;}
.picScroll-left .bd ul li:hover .picList_Span h3{color: #FFFFFF;}


.main_3{float: left;width: 100%;height: 505px;background-color: #f1f1f1;}
.homeNewDown{width: 1100px;height: 387px;background-color: #FFFFFF;margin-top: 60px;}
.mian_3_left{float: left;width: 553px;height: 385px;background-color: #FFFFFF;/*margin-top: 60px;*/}
.mian_3_left h3{float:left;width:523px;font-size: 24px;color: #3071b9;padding: 40px 0 20px 30px;}
.mian_3_left_1{float: left;width: 471px;height: 1px; background-color: #e5e5e5;margin:0 0 24px 30px;}
.mian_3_left_1 span{float: left;width: 40px;height: 3px;background-color: #3071b9;position: relative;top: -1px;}
.mian_3_left_2{float: left;font-size: 14px;color: #4c4c4c;padding: 0 0px 0 30px;width: 83%;line-height:32px;margin-bottom: 25px;}
.mian_3_left_3{float: left;width: 523px;margin-left: 30px;}
.mian_3_left_3 span{float: left;width: 115px;font-size: 12px;text-transform: uppercase; height: 40px;line-height: 40px;text-align: center;border: 1px solid #3071b9;color: #3071b9;border-radius:20px 20px 20px 20px;}

.main_3_right{float: right;width: 517px;height: 387px;background-image: url(images/aboutBeijing.png);}

.homeNewDown .bd{ float: left; width: 521px;margin: 30px 0 0 -30px;}
.homeNewDown .bd .newBd{ float: left; width: 547px; overflow: hidden;}
.homeNewDown .bd .newPic{ float: left; width: 521px; height: 316px; position: relative;margin-right: 54px;}
.homeNewDown .bd .newPic .picLi{ float: left; width: 521px; height:316px; overflow: hidden; position: relative;}
.homeNewDown .bd .newPic .picLi .picBack{ position: absolute; width:260px; height:316px;  left: 0; top: 0; background-color: rgba(0,0,0,0.4);}
.homeNewDown .bd .newPic .picLi .picBack h3{ padding: 30px 0 0 29px; float: left; width:260px;color: #fff; font-size: 18px; line-height: 30px;}
.homeNewDown .bd .newPic .picLi .picBack h3 a{ color: #fff;float: left;width: 231px;}
.homeNewDown .bd .newPic .picLi .picBack .picTime{ float: left; width: 100%; padding: 5px 0 10px 29px; color: #fff; font-size: 14px; line-height: 20px;}
.homeNewDown .bd .newPic .picLi .picBack .picText{ float: left; width: 100%; padding: 0 20px 0 29px; color: #fff; font-size: 14px; line-height: 28px; overflow: hidden;}
.homeNewDown .bd .picHd{ position: absolute; left: 0px; bottom:0px;}
.homeNewDown .bd .picHd .picPrev{ float: left; width: 49px; height: 45px; cursor: pointer; background: url("images/main21.jpg") no-repeat;}
.homeNewDown .bd .picHd .picPrev:hover{background: url("images/main21_h.jpg") no-repeat;}
.homeNewDown .bd .picHd .picNext{ float: left; width:49px; height: 45px; cursor: pointer; background: url("images/main22.jpg") no-repeat;}
.homeNewDown .bd .picHd .picNext:hover{background: url("images/main22_h.jpg") no-repeat;}

.mian_4{float:left;width: 100%;height:610px;margin-bottom: 60px; overflow:hidden;}

.main_4Tit{float: left;width:100%;height: 90px;margin: 60px 0 30px 0;}
.main_4Tit h3{float: left;width: 100%; height: 68px;line-height: 68px; text-align: center;font-size: 28px;color: #333333;}
.main_4Tit_Div{float: left;width: 100%;background-color: #e5e5e5;height: 1px;margin-bottom: 10px;}
.main_4Tit_Div span{float: left;position: absolute;left: 48.7%; width: 60px;height:2px;background-color: #3071b9;}
.main_4Tit_Div_1{float: left;width: 70px;height: 1px;background-color: #E5E5E5;position: relative;left:47.2%;}

.tab-wrapper {
  float:left;
  width: 100%;
}
.tab-menu {
	float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.tab-menu li {
  position:relative;
  background-color: #f4f4f4;
  color:#333333;
  display: inline-block;
  width: 170px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  opacity: 0.8;
  cursor:pointer;
  z-index:0;
  border: 1px solid #ececec;
  margin-right: 15px;
}

.tab-menu li:hover {
  background-color:#3071b9;color: #fff;
}

.tab-menu li.active {
  background-color:#3071b9;
  color: #fff;
  opacity: 1;
}

.tab-menu li.active:hover {
  color:#464646;

}

.tab-content>div {
  box-sizing:border-box;
  width: 100%;
  height: 430px;
}


.tab-content_1Left{float: left;width: 535px;height: 346px;margin-right: 30px;}
.tab-content_1Right{float:left;width:535px;height: 346px;}

.content_1Right_1{float: left;width: 535px;height: 114px;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin-bottom: -1px;}
.content_1Right_1:hover{background-color: #3071b9;}
.content_1Right_1:hover .Right_1Left h3{color: #FFFFFF;}
.content_1Right_1:hover .Right_1Left_1{color: #FFFFFF;}
.content_1Right_1:hover .Right_1Right_1{color: #FFFFFF;}
.content_1Right_1:hover .Right_1Left h3 .heidian{display: none;}
.content_1Right_1:hover .Right_1Left h3 .baidian{display:block;}
.heidian{display: block;}
.baidian{display: none;}
.Right_1Left{float: left;width: 441px;height: 114px;}
.Right_1Left h3{float: left;width: 441px; font-size: 16px;color: #333333;margin: 20px 0 15px 0;}
.Right_1Left h3 img{float: left;width: 5px;height: 5px;padding:6px 20px 0 13px;}
.Right_1Left_1{float: left;width: 401px;height: 50px;margin: 0 0 0 38px;line-height: 25px;font-size: 14px;color: #999999;}

.Right_1Right{float: left;width:94px;text-align: center;}
.Right_1Right_1{float: left;width: 94px;text-align: center;margin: 45px 0 20px 0;font-size: 20px;color: #999999;}
.Right_1Right_2{float:left;width: 94px;text-align: center;color: #cccccc;}
.Right_1Right_2 img{width: 19px;height: 9px;margin-left: 10px;}
.line {
  position:absolute;
  width: 0;
  height: 7px;
  top: 0;
  left: 0;
}


/*底部*/
.indexdown{background-color: #333333;}
.indexdown_1{background-color: #212121;}
.footer{ float:left; width:100%;}
.center_back{float: left; width: 100%;}
@media screen and (max-width: 767px) {
    .footer{padding-bottom: 65px;}
}

.back5{}
.leftHref{ float: left; width: 64%;}
.leftHref .downNav{ float: left; width: 100%; padding: 29px 0 14px 0;border-bottom: 1px solid #484848;}
.leftHref .downNav a{ float: left; margin-right: 30px; font-size:14px; color:#FFFFFF; /*font-weight: bold;*/ line-height: 24px;}
/*.leftHref .downNav a:hover{ color:#be0000;}*/
.leftHref .downMore{ float: left; width: 100%; color:#FFFFFF; font-size:14px; line-height: 30px; padding: 20px 0;}
.leftHref .downMore a{color:#FFFFFF;}
/*.leftHref .downMore a:hover{color:#be0000;}*/
.watchUs{ float: right; width:31%; position: relative; margin-top: 30px;}
.watchUs:after{ position: absolute; content: ' '; left: 0; top:4px; width: 1px; height: 105px; background-color: #dddddd;}
.watchUs h3{ float: left; width: 100%; text-align: right;color:#fff; font-size:14px; line-height: 24px; font-weight: bold;}
.watchIcon{ float: right; margin-top: 10px;}
.watchIcon a{float:left;color:#666666;font-size:14px; line-height: 36px;margin-left: 30px; position: relative}
.watchIcon a .QR_code{ display:none; position:absolute; width: 120px; height: 120px;padding: 10px;overflow: hidden; left: 50%; margin-left: -60px;bottom:40px; background-color: #fff; overflow: hidden;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);

}
.watchIcon a .QR_code img{ height: 100%;}
.watchIcon a .QR_code:after{ position: absolute; content: ' '; width: 0; height: 0; left: 50%; margin-left: -10px; bottom:-12px; border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff;}
.watchIcon a:hover .QR_code{display:block;}

.watchIcon a i{float:left; width:36px; height:36px;background-color: #fff; border-radius:30px;}
.watchIcon a:nth-child(2) i{float:left; width:36px; height:36px;background-color: #3eb135; border-radius:30px;}
.watchIcon a span{ float: left; padding-left: 6px;color: #FFFFFF;}
/*.watchIcon a:hover i{ background-color: #be0000}*/
.telDown{ float: left; width: 100%; text-align: right; color:#FFFFFF; font-size:14px; line-height: 24px;margin-top: 14px;}
.telDown a{ font-weight: bold;color: #FFFFFF;}

.coy{ float: left; line-height: 52px; color:#FFFFFF}
.webMap{ float:right; color:#FFFFFF; line-height: 52px;}
.webMap a{color:#FFFFFF}
/*.webMap a:hover{color:#be0000}*/
.footph{ display: none;}
@media  screen and (max-width:991px){
    .leftHref .downNav{ text-align: center; border-bottom: 0;}
    .leftHref .downNav a{ float: none; margin-right:0px; padding: 0 10px; display: inline-block;}
    .leftHref{width: 100%;}
    .watchUs{ float: left; width:100%; margin-top:0px; padding-top: 20px;}
    .watchUs:after{ left: 0; top:4px; width:0; height:0;}
    .watchUs h3{ text-align: left;}
    .watchIcon{ float: left; width: 100%; text-align: center;}
    .watchIcon a{margin:0 15px; float: none; display: inline-block;}
    .telDown{ width: 100%; text-align: center; }
    .footpc{display: none;}
    .footph{ display: block;}
    .footph{ float: left; width: 100%;}
    .footph .footcell{ margin-top:10px;}
    .footph h5{  line-height:40px; position: static; color:#fff; font-size:14px; padding:0 15px 0 15px; background-color:#3c3c3c;}
    .footph h5::after{ display:none;}
    .footph h5 img{ float:right; margin:16px 0 0 0;}
    .footph h5 .imgs{ display:block;}
    .footph h5.active .imgs{ display:none;}
    .footph h5 .imgh{ display:none;}
    .footph h5.active .imgh{ display:block;}
    .footph .ul2{ display:none; padding:0px 15px 15px 15px; color:#fff;  background-color:#3c3c3c; }
    .footph .ul2 li{ display: block; width: 100%; line-height: 24px;}
    .footph .ul2 a{color:#fff;}
}

@media  screen and (max-width:767px){
    .watchUs{display: none;}
    .coy{width: 100%; text-align: center; line-height: 24px; padding: 14px 0 0 0; }
    .webMap{ text-align: center; width: 100%;}
}


.slide_x{overflow:hidden;position:relative;width:535px;height:346px;border:1px solid #777;background:#000;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:535px;height:346px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:535px;}
.slide_x .list img{vertical-align:top;}
.slide_x .list .list_Div{position:absolute;bottom:0;left:0;width:100%;height:56px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.list_Div_1{float: left; margin: 15px  20px 0 20px; width: 75px;height: 26px;text-align: center;line-height: 26px;background-color: #FFFFFF;font-size: 16px; color: #000000;border-radius:20px 20px;}
.list_Div h3{float: left;width: 325px;height: 56px;line-height: 56px;color: #ffffff;font-size: 16px;}
.slide_x .btn{overflow:hidden;position:absolute;bottom:22px;right:20px;}
.slide_x .btn li{float:left;width:8px;height:8px;margin:0 0 0 10px;border-radius:25px;background:#eee;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn .selected{background:#3071b9;color:#fff;}


.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#3071b9;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}